/* ============= */
/* = Reset CSS = */
/* ============= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, u, i, s, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-size: 100%; 
    vertical-align: baseline; 
    background: transparent;
}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}


/* =========== */
/* = General = */
/* =========== */

html, body {font-family: Helvetica, Arial, sans-serif;  background-color: #f8f5e4; color: #000000; margin: 0; padding: 0;}

html { height: 100%; }
body { min-height: 100%; background-color: #191a17; }

table tr td {font-family: Helvetica, Arial, sans-serif; font-size: 13px;}

.left { float: left; }
.right { float: right; }
.center { text-align: center !important; }
.clear { clear: both; }

.alignleft {float: left; margin: 0 25px 25px 0;}
.alignright {float: right;margin: 0 0 25px 25px;}

/* Clearfix */
.clearfix:after {
  visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ========= */
/* = Forms = */
/* ========= */

form {margin-bottom:15px;}
label {margin-bottom:3px;}
input[type="text"] { padding:2px 2px; margin-bottom:10px;}
textarea {margin-bottom:15px; font-family: Helvetica, Arial, sans-serif;}

/*
input[type="submit"] {border: medium none; height: 32px; background: #4791b4 url(images/btn-bg.png) top left repeat-x; text-align: center; font-size: 14px; color: #ffffff; padding: 0 10px 3px 10px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
input[type="submit"]:hover {color: #ffffff; background: #38738f url(images/btn-bg.png) top left repeat-x;}
*/
input[type="submit"].grey {border: medium none; height: 32px; background: #e1e1e1 url(images/btn-bg.png) top left repeat-x; text-align: center; font-size: 14px; color: #444444; padding: 0 10px 3px 10px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
input[type="submit"].grey:hover {background: #cfcfcf url(images/btn-bg.png) top left repeat-x; color: #444444;}
input[disabled] {cursor: inherit;}

.search {float: right; margin:0;}
#search page > .search {float: left!important; margin:0;}
.search form .search-field {background: #fff; height:36px;border:1px solid #e2e2e2;padding:0 10px;width:186px;vertical-align:top; color: #b3b3b3; margin-top: -7px; outline: medium none; }
.search form .search-button {border: 0 none; position: relative; vertical-align: middle; z-index: 999; top: -2px; right: 30px;}

/* ============== */
/* = Typography = */
/* ============== */

.cfm {
    font-family: "ff-super-grotesk-web",sans-serif; letter-spacing: 1px
}
.cfr {
    font-family: "rooney-web", sans-serif; font-style: normal; font-weight: 500;
}
p {font-size: 14px;	line-height: 21px; margin-bottom: 18px; color: #444444;}

h1 {font-size: 60px; color: #474848; font-weight: normal; line-height: 66px;}
h2 {font-size: 30px; color: #474848; font-weight: normal; margin-bottom: 20px; line-height: 36px;}
h3 {font-size: 16px; color: #B40404; #474848; font-weight: bold; line-height: 50px;}
h4 {font-size: 18px; color: #474848; font-weight: normal; line-height: 24px;}
h5 {font-size: 16px; color: #444444; #474848; font-weight: normal; line-height: 22px;}
h6 {font-size: 16px; color: #191A17; #474848; font-weight: bold; line-height: 22px;}

#header .toolbar {font-size: 13px; color: #a4a7a7;}
#navigation .main-nav {font-size: 15px; color: ;}
#footer p {color: #f8f5e4;}

.small-indent {margin-left: 5px;}
.indent {margin-left: 30px;}
.padding-left {padding-left: 30px;}
.product-list-title {font-size: 14px; font-weight: bold; color: #f8f5e4; margin-bottom: 12px;}
.product-list-price {font-size: 15px; color: #a3a698; font-family: "rooney-web",sans-serif; font-style: normal; font-weight: 500;}
.product-list-price s {color: #42433e;}
.product-list-price-sale {font-size: 15px; color: #a3a698; margin-left: 5px;}
.divider-line {background: #e2e2e2; height: 1px; width: 660px; margin: 15px 0 20px -30px;}

h2.price {font-size: 20px; color: #38738f; margin-bottom: 20px;}
h3.cart-total {margin-bottom: 30px; text-align: right;}
h3.blog-title, h3.article-title {margin-bottom: 20px;}
h4.recent-blog-post {margin-bottom: 20px; color: #38738f;}
h4.comments {font-size: 15px; color: ; margin-bottom: 15px;}
h5.posted-on {font-size: 13px; color: #a4a7a7; margin-bottom: 20px; font-style: italic;}
h5.author {font-size: 13px; font-weight: bold; margin-bottom: 5px;}
h5.collections-title {font-size: 15px; line-height: 18px;}
h5.collections-title .item-count {font-size: 13px; color: #a4a7a7; font-style: italic;}
del.price-old {color: #a4a7a7;}
p.margin-top {margin-top: 20px;}
p.empty-cart {margin-top: 20px; font-family: "rooney-web", sans-serif; font-style: normal; font-weight: 500; }

/* ========= */
/* = Links = */
/* ========= */

/*
a:link {color: #4791b4;}
a:hover {color: #38738f;}
a:focus {color: #38738f;}
a:visited {color: #38738f;}
*/
a {text-decoration: none; color: #40413C; }
a:hover {text-decoration: underline; color: #40413C; }
p a { text-decoration: underline; }

#header .toolbar a {color: #b3b3b3;}
#header .toolbar a:hover {color: #8d8d8d;}

#navigation-minimal ul.main-nav li a {color: ; text-decoration: none;}
#navigation-minimal ul.main-nav li.active a {color: ;}
#navigation-minimal ul.main-nav li a:hover {color: ;}

.product-list-title a {color: #f8f5e4; line-height: 20px;}

.button {height: 20px; background: #4791b4 url('btn-bg.png') top left repeat-x; text-align: center; font-size: 14px; color: #ffffff; padding-top: 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.sidebar-post-title a {font-size: 15px; color: #474848; line-height: 20px;}
.sidebar-posted-by {font-size: 12px; color: #a4a7a7; font-style: italic; line-height: 18px;}

#footer a {color: #a3a698;}
#footer a:hover {color: #a3a698;}

/* ============= */
/* = Main Menu = */
/* ============= */

#navigation-minimal {position: relative; height: 140px;}
#navigation-minimal .logo { position: absolute; top: 0; left: 50%; margin-left: -44px;}
#navigation-minimal ul.main-nav {font-size: 18px; color: #333333;}

/* drodowns */
ul.sf-menu ul {position: absolute; top: -999em; margin-top: 7px; font-size: 13px; background: #fff; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; width: 200px; /* left offset of submenus need to match (see below) */}
@media screen and (-webkit-min-device-pixel-ratio:0) {ul.sf-menu ul {margin-top: 8px; /* This works only in Safari and Google Chrome */}}
ul.sf-menu ul li { width: 70%; line-height: 18px; border-bottom: 1px solid #e2e2e2; display: block; z-index: 999;}
ul.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}
ul.sf-menu li { position: absolute;}
ul.sf-menu .link1,
ul.sf-menu .link2,
ul.sf-menu .link3,
ul.sf-menu .link4 { top: 0; }
ul.sf-menu .link1 { left: 140px; }
ul.sf-menu .link2 { left: 260px; }
ul.sf-menu .link3 { right: 225px; }
ul.sf-menu .link4 { right: 85px; }
ul.sf-menu a { display: block; color: #333333; border-bottom: 10px solid #f8f5e4; margin-top: 40px; padding-bottom: 10px; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
ul.sf-menu a:hover,
ul.sf-menu .active a { border-bottom: 10px solid #dedbcc; }
ul.sf-menu li.a { padding: 13px 0;}
/*ul.sf-menu li ul li a { color: ;}
ul.sf-menu li ul li a:hover { color: ;}*/
ul.sf-menu .sf-sub-indicator {background: url(images/menu-arrow.png) left 5px no-repeat; width: 7px; height: 4px; margin-left: 10px;}
ul.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/* ================= */
/* = Global Layout = */
/* ================= */

#footer-pull { min-height: 100%; padding-bottom: 235px; position: relative; background-color: #f8f5e4; }
#wrapper {margin: 0 auto; position:relative; height:auto!important; width: 940px; background: ; padding: 0;}
#header * {z-index: 999;}
#header h1.logo {text-indent: -9999px;}
#header .toolbar {float: right; padding: 14px 10px 10px 20px; background-color: #dedbcc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: -4px; }
#header .toolbar ul li {float: left; line-height: 35px;}
#header .toolbar ul li:last-child {margin-right: 0;}
#header .toolbar ul li.cart {margin-right: 20px; background: }
#header .toolbar ul li.cart a { color: #40413c; font-size: 14px; }
#header .toolbar ul li.checkout a { color: #f8f5e4; background-color: #191a17; display: block; padding: 0 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; line-height: 33px; font-size: 14px; height: 35px }
#header .toolbar ul li.checkout a:hover { background-color: #40413c; }
#header .toolbar ul li.search {display: none !important;}

#content {z-index: 1;}

#footer { height: 130px; padding: 30px 0 80px 0; background-color: #191a17; color: #f8f5e4; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; }
#footer .col-left { padding-top: 15px; float: left; text-align: left; width: 608px; margin-right: 60px; }
#footer .col-right { float: left; text-align: right; width: 250px; }
#footer ul.icons { display: block; margin-bottom: 15px; }
#footer ul.icons li {display: block; margin-bottom: 10px;}
#footer ul.icons li a {display: block; padding-left: 35px; }
#footer ul.icons li a.rss {height: 24px; background: url(images/icon-rss.png) top left no-repeat;}
#footer ul.icons li a.rss:hover {background-position: 0 -24px;}
#footer ul.icons li a.facebook {height: 24px; background: url(images/icon-facebook.png) top left no-repeat;}
#footer ul.icons li a.facebook:hover {background-position: 0 -24px;}
#footer ul.icons li a.twitter {height: 24px; background: url(images/icon-twitter.png) top left no-repeat;}
#footer ul.icons li a.twitter:hover {background-position: 0 -24px;}
#footer ul.icons li a.flickr {height: 24px; background: url(images/icon-flickr.png) top left no-repeat;}
#footer ul.icons li a.flickr:hover {background-position: 0 -24px;}
#footer ul.payment-icons {text-align: center; margin-left: 335px; }
#footer ul.payment-icons li {float: left; display: inline; margin-left: 10px;}
#footer p.copyright-line { margin-top: 10px; text-align: center; }
#footer a.footer-list { font-size: 13px; margin-right: 10px;}

.footer-column-container { width: 940px; margin: auto; }
.footer-column-1 { float: left; margin-right: 30px; width: 207px; }
.footer-column-2 { float: left; margin-right: 30px; width: 207px; }
.footer-column-3 { float: left; margin-right: 30px; width: 207px; }
.footer-column-4 { float: right; width: 207px; color: #4c4e47; text-align: right; }
.footer-column-4 div { line-height: 24px; }
ul.footer-links strong { line-height: 24px!important; font-size: 18px!important; }
ul.footer-links li { line-height: 24px!important; font-size: 18px!important; }
ul.footer-links li:first-child { margin-bottom: 5px; }

/* ============ */
/* = Homepage = */
/* ============ */

#product-list { background-color: #40413c; padding: 40px 0 30px 0; }
#product-list .products { width: 968px; margin: auto; position: relative; left: 14px; }
#product-list h3 { margin-left: 10px; font-size: 30px; color: #f8f5e4; }
#product-list .product-item {float: left; cursor: pointer; width: 214px; margin: 30px 28px 0 0; background-color: #191a17; padding-bottom: 20px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
#product-list .product-item:hover a {text-decoration: underline; }
#product-list .product-item-sale {position: absolute; float: left; margin: 12px 0 0 156px; width: 60px; height: 20px; background: #38738f; text-align: center; font-size: 14px; color: #ffffff; padding-top: 10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#product-list .product-item-sale {padding-top: 7px; /* This works only in Safari and Google Chrome */}}
#product-list .product-item .photo {z-index: 9999; vertical-align: middle; text-align: center; overflow: hidden; background-color: #fff; }
#product-list .product-item .photo img { max-width: 207px; }
#product-list .product-item .photo-hover { z-index: 9999; overflow: hidden; }
#product-list .product-item ul.description { text-align: center; padding-top: 15px; }

/* =========== */
/* = Product = */
/* =========== */

#summary { padding-bottom: 50px; }
#summary #images {float: left; width: 475px;}
#summary #images #image {overflow: hidden;}
#summary #images #image img {max-width: 445px; width
                             :445px; }
#summary #details {float: left; width: 445px; padding: 20px 0; border-top: 10px solid #dedbcc; border-bottom: 10px solid #dedbcc; }
#summary #details ul {padding-left: 15px; list-style: disc; font-size: 13px; line-height: 20px; margin-bottom: 15px;}
#summary #details ul li {margin-bottom: 5px;}
#summary #details h2 { margin-bottom: 0; display: inline; color: #40413c; font-family: "rooney-web",sans-serif; font-style: normal; font-weight: 500;}
#summary #details #options { margin-bottom: 15px;}
#summary #details #add {border:0; height:70px; width: 271px; margin-top: 10px; cursor:pointer; background: url(images/btn-add-to-cart.png);}
#summary #details #add:hover { background-position: 0 100%; }

#variants {margin-top: 10px;}
.selector-wrapper {font-size: 13px; margin-bottom: 10px;}
.selector-wrapper label {font-size: 13px; display: block;}
.selector-wrapper select {text-align: left; margin: 3px 0 6px 0;}

.thumbs {float: left; display: inline; overflow: hidden; margin: 15px 15px 0 0;}
.thumbs img { width: 138px; }
.thumbs:last-child {margin-right: 0px;}

#desc {font-size: 13px; line-height: 20px;font-family: "rooney-web",sans-serif; font-style: normal; font-weight: 500;}
#desc .next-prev-product { display: none; }
#desc .social {margin-top: 15px;}
#desc .social div, #desc .social iframe { float: left; }
#desc .social .svpply { margin-right: 35px; }

.related-products { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e2e2e2; }

/* =============== */
/* = Collections = */
/* =============== */

#paginate {float: right; margin-top: 30px; font-size: 14px; display: none;}
#paginate .page a {padding: 3px 7px;}
#paginate .current {border: 1px solid #e2e2e2; padding: 5px 8px 3px 8px;}
#paginate .next a, #paginate .prev a {}

#collection-tags {margin: 20px 0 0 30px;}
#collection-tags ul.collection-tags {border-bottom: none; font-size: 13px;}
#collection-tags ul.collection-tags li {float: left; margin-bottom: 10px;}
#collection-tags ul.collection-tags li a {display: block; padding: 4px 6px; margin-right: 10px; color: #4791b4; background: #f2f2f2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#collection-tags ul.collection-tags li a:hover {color: #38738f;}
#collection-tags ul.collection-tags li.current a {color: #38738f; background: #f2f2f2;}

/* ======== */
/* = Cart = */
/* ======== */

#cart-content { padding: 16px 0 40px; border-top: 10px solid #dedbcc; }
#cart-content h3 { color: #191a17; font-size: 30px; line-height: 1; padding-bottom: 16px; border-bottom: 5px solid #dedbcc; }
#cart-content table {margin: 30px 0; width: 940px;}
#cart-content table td {vertical-align: middle; padding: 10px 0; border-bottom: 5px solid #dedbcc;}
#cart-content table td.title {width: 450px;}
#cart-content table td.title h4 a { color: #191a17;}
#cart-content table td.price {font-size:18px;color:#40413c;font-family: "rooney-web",sans-serif; font-style: normal; font-weight: 500;}
#cart-content table td.pic {width: 90px;}
#cart-content table th {text-align: left; padding-bottom: 15px; border-bottom: 5px solid #dedbcc; font-weight: normal;}
#cart-content table td.quantity {padding-left: 18px;}
#cart-content table td.quantity input.field {width: 50px; margin: 0; text-align: center; height: 35px;color:#40413c; border: 0; font-size: 18px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#cart-content table td.total {font-size:18px;color:#40413c;font-family: "rooney-web",sans-serif; font-style: normal; font-weight: 500;}
#cart-content a.remove-item { display: block; height: 35px; width: 35px; background: url(images/cart-remove.png); }
#cart-content a.remove-item:hover { background-position: 0 100%; }
#notes { float: left; }
#notes label {display: block; margin-bottom: 15px; font-size: 14px;}
#notes textarea {width: 400px; padding: 10px; height: 60px; border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;font-family: "rooney-web",sans-serif; font-style: normal; font-weight: 500; font-size: 13px; } 

#total {}
#total .cart-total { padding-right: 20px; font-family: "rooney-web",sans-serif; font-style: normal; font-weight: 500;}
#total .cart-total span { color: #dedbcc; padding-right: 60px; }
#total input {margin-left: 10px;}
#total #checkout { float: right; }
#total #checkout button { clear: both; float: left; }
#total #checkout .update { width: 110px; border: 0; cursor: pointer; height: 35px; background: url(images/cart-update.png); }
#total #checkout .update:hover { background-position: 0 100%; }
#total #checkout .checkout { width: 249px; margin-top: 10px; border: 0; cursor: pointer; height: 70px; background: url(images/cart-checkout.png); }
#total #checkout .checkout:hover { background-position: 0 100%; }


/* =========== */
/* = Article = */
/* =========== */

#content .entry {margin-left: 30px; border-bottom: 1px solid #e2e2e2;}
#content .entry ul {list-style: disc; margin: 0 0 20px 15px; font-size: 13px;}
#content .entry ul li {margin-bottom: 10px;}
#content .comment {background: #F7F7F7; padding: 20px 20px 2px 20px; margin-bottom: 15px;}
#content #comments {margin: 20px 0 0 30px;}
#content #comments form label {font-size: 13px; display: block;}
#content #comments form input.field {width: 230px; padding: 4px;}
#content #comments textarea {width: 430px; height: 200px; padding: 4px}
#content #comments p.message {color: #38738f; }


/* ======== */
/* = Page = */
/* ======== */

#content .page {margin-top: 20px; text-align:left;}
#content .page ul {list-style: disc; margin: 0 0 20px 15px; font-size: 13px;}
#content .page ul li {margin-bottom: 10px; line-height: 20px;}
#content .page h4 {margin-bottom: 15px;}

/* =========== */
/* = Two Column = */
/* =========== */

#content-left { float: left; width: 250px; /*border-bottom: 10px solid #dedbcc;*/ border-top: 10px solid #dedbcc; padding: 20px 0; margin: 40px 0 60px; }
#content-left h1, #content-left h2 { font-size: 30px; line-height: 1; color: #191a17; margin-bottom: 0; }
#content-left p { margin-top: 16px; font-family: "rooney-web",sans-serif; font-style: normal; font-weight: 500; }
/*#content-left a { font-size: 30px; line-height: 1; color: #dedbcc; }*/
#content-left a:hover { border-bottom: 3px solid #dedbcc; text-decoration: none; }
#content-left .mt { margin-top: 16px; }
#content-right { float: right; width: 650px; /*border-bottom: 10px solid #dedbcc;*/ border-top: 10px solid #dedbcc; padding: 20px 0; margin: 40px 0 60px; }
#content-right h2 { font-size: 30px; line-height: 1; color: #191a17; margin-bottom: 0; }
#content-right p { margin-top: 16px; font-family: "rooney-web",sans-serif; font-style: normal; font-weight: 500; }
/*#content-right a { display: block; width: 231px; height: 70px; margin-top: 10px; }
#content-right a:hover { background-position: 0 100%; }*/
#content-right .btn-twitter { background: url(images/btn-twitter.png); }
#content-right .btn-facebook { background: url(images/btn-facebook.png); }
#content-right .btn-tumblr { background: url(images/btn-tumblr.png); }

/* ========== */
/* = Search = */
/* ========== */

ul.result-item {margin: 20px 0 0 -30px;}
ul.result-item li {margin-bottom: 20px; border-top: 1px solid #e2e2e2; padding: 20px 0 0 30px;}

/* ====================== */
/* = Collections Listing = */
/* ====================== */

#content #collections-listing {padding-left: 30px; width: 948px;}
#content #collections-listing ul {margin-left: -30px;}
#content #collections-listing ul li {float: left; width: 207px; margin: 30px 30px 0 0; padding-bottom: 10px; text-align: center; margin: 30px 28px 15px 0; border: 1px solid #e2e2e2;}


/* ===================== */
/* = View all products = */
/* ===================== */

#viewall {
    width: 940px;
    margin: 0 auto;
    text-align: center;
    border: 0;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #191A17;
    color: #A3A68F;
    font-size: 24px!important;
    padding: 20px;
}

#viewall:hover {
    background: #191A17;
    color: #F8F5E4;
}

.viewallbutton{
    height: 98px;
    background: #40413C;
    width: 100%;
    min-width: 968px;
    text-align: center;
}

/* ============= */
/* = Mailchimp = */
/* ============= */
#mail{height:36px;margin-top: 5px;border:0;padding:0 10px;width:186px;vertical-align:top;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-family: "rooney-web",sans-serif; font-style: normal; font-weight: 500;}
#subscribe{ float: right; border:0; height: 35px; cursor:pointer;margin-top: 10px; width: 110px; background: url(images/footer-sign-up.png)}
#subscribe:hover{ background-position: 0 100%;}

/* ============= */
/* = Mailchimp = */
/* ============= */
.slide { text-align: center; }
